<!DOCTYPE html>
<html lang="en" ng-app="myModule">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>联通大数据交易集市</title>

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,400italic,600,300italic,300|Oswald:400,300,700' rel='stylesheet' type='text/css'>
<!-- Bootstrap -->
<link href="<?=base_url()?>/css/bootstrap.min.css" rel="stylesheet">
<link href="<?=base_url()?>/css/font-awesome.min.css" rel="stylesheet">

<link href="<?=base_url()?>/css/owl.carousel.css" rel="stylesheet">
<link href="<?=base_url()?>/css/owl.theme.css" rel="stylesheet">
<link href="<?=base_url()?>/css/owl.transitions.css" rel="stylesheet">

<link href="<?=base_url()?>/css/style.css" rel="stylesheet">

<link href="<?=base_url()?>/css/fn_login.css" rel="stylesheet">

<!-- <style>
	element.style{
		width:100px !important;
	}
</style> -->


<!-- BEGIN CORE ANGULARJS PLUGINS -->
<script src="<?=base_url()?>/js/angularjs/angular.min.js" type="text/javascript"></script> 
<script src="<?=base_url()?>/js/angularjs/plugins/ui-bootstrap-tpls.min.js" type="text/javascript"></script>
<!-- END CORE ANGULARJS PLUGINS -->

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->

<style>
	.btn{
		border-radius:0px;
	}
</style>
</head>

<body data-spy="scroll" data-target=".main-nav" ng-controller="MainController">
<header class="st-navbar">
	<nav class="navbar navbar-default navbar-fixed-top clearfix" role="navigation">
		<div class="container"><!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sept-main-nav">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><img src="<?=base_url()?>/photos/logo3.png" alt="" class="img-responsive"></a>
			</div>
			
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse main-nav" id="sept-main-nav">
				<ul class="nav navbar-nav navbar-right">
					<li class="active"><a href="#home">主页</a></li>
					<li><a href="#about">简介</a></li>
					<li><a href="#service">能力</a></li>
					<li><a href="#portfolio">数据集</a></li>
					<li><a href="#pricing">数据API</a></li>
					<li><a href="#blog">数据应用</a></li>
					<?php if(!empty($_SESSION['username'])): ?>
					<li><a>您好，<?php echo $_SESSION['username'] ?></a></li>
					<?php else: ?>
					<li><a ng-click="get_login()">登录|注册</a></li>
					<?php endif; ?>
				</ul>
			</div><!-- /.navbar-collapse -->
		</div>
	</nav>
</header>

<section class="home" id="home" data-stellar-background-ratio="0.4">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="st-home-unit">
					<div class="hero-txt">
						<p class="hero-work">Web Design - Web Development - UX Design</p>
						<h4 class="hero-title">中国联通大数据交易集市</h4>
						<!-- <p class="hero-sub-title">We Provide Hight Quality Bootstrap Template</p> -->
						<!-- <a href="#" class="btn btn-default btn-lg left-btn">Purchase Now</a> -->
						<a href="#" class="btn btn-main btn-lg">Find Out More</a>
					</div>

				</div>
			</div>
		</div>
	</div>
	<div class="mouse-icon"><div class="wheel"></div></div>
</section>

<section class="about" id="about">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="section-title st-center">
					<h3>WelCome to Sept</h3>
					<p>We are a creative Designer</p>
				</div>
				<div class="row mb90">
					<div class="col-md-6">
						<p>Texit l, habere se indocti magnosque culpa gravioribus discedere eas indignae diogenem, praetermissum effugiendorum vult dicent, periculum dolere putat. Iucunditatem quid turbulenta patre eae depravatum talem elaborare plerisque repellere, o potiendi tuo aliter, militaris sint tranquillat liberalitati. Locus delicata divelli intemperantes audeam maximisque sitne pulcherrimum aegritudines studium. Habent inveniri fidelissimae aequi andriam laudabilis. Libido censet assiduitas quae probantur tantalo exquisitaque erunt laudatur optari. Late suapte veterum enim qui magna securi eaque proficiscuntur.</p>
					</div>
					<div class="col-md-6">
						<img src="<?=base_url()?>/photos/about.jpg" alt="" class="img-responsive">
					</div>
				</div>

				<div class="row">
					<div class="col-md-4">
						<div class="st-member">
							<div class="st-member-img">
								<img src="<?=base_url()?>/photos/member1.png" alt="" class="img-responsive">
							</div>
							<div class="st-member-info">
								<strong class="st-member-name">Jerry Ward</strong>
								<p class="st-member-pos">CEO</p>
								<div class="skills">
									<div class="skill">
										<strong>HTML</strong>
										<span>90%</span>
										<div class="progress">
											<div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
												<span class="sr-only">90% Complete</span>
											</div>
										</div>
									</div>
									<div class="skill">
										<strong>CSS</strong>
										<span>70%</span>
										<div class="progress">
											<div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
												<span class="sr-only">70% Complete</span>
											</div>
										</div>
									</div>
									<div class="skill">
										<strong>JavaScript</strong>
										<span>86%</span>
										<div class="progress">
											<div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%;">
												<span class="sr-only">86% Complete</span>
											</div>
										</div>
									</div>
								</div>
								<div class="st-member-social">
									<ul>
										<li><a href="#" class="facebook" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#" class="twitter" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#" class="dribbble" data-toggle="tooltip" data-placement="top" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-4">
						<div class="st-member">
							<div class="st-member-img">
								<img src="<?=base_url()?>/photos/member2.png" alt="" class="img-responsive">
							</div>
							<div class="st-member-info">
								<strong class="st-member-name">Sarah Moore</strong>
								<p class="st-member-pos">Designer</p>
								<div class="skills">
									<div class="skill">
										<strong>HTML</strong>
										<span>90%</span>
										<div class="progress">
											<div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
												<span class="sr-only">90% Complete</span>
											</div>
										</div>
									</div>
									<div class="skill">
										<strong>CSS</strong>
										<span>70%</span>
										<div class="progress">
											<div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
												<span class="sr-only">70% Complete</span>
											</div>
										</div>
									</div>
									<div class="skill">
										<strong>JavaScript</strong>
										<span>86%</span>
										<div class="progress">
											<div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%;">
												<span class="sr-only">86% Complete</span>
											</div>
										</div>
									</div>
								</div>
								<div class="st-member-social">
									<ul>
										<li><a href="#" class="facebook" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#" class="twitter" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#" class="dribbble" data-toggle="tooltip" data-placement="top" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-4">
						<div class="st-member">
							<div class="st-member-img">
								<img src="<?=base_url()?>/photos/member3.png" alt="" class="img-responsive">
							</div>
							<div class="st-member-info">
								<strong class="st-member-name">Rose Johnson</strong>
								<p class="st-member-pos">Developer</p>
								<div class="skills">
									<div class="skill">
										<strong>HTML</strong>
										<span>90%</span>
										<div class="progress">
											<div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
												<span class="sr-only">90% Complete</span>
											</div>
										</div>
									</div>
									<div class="skill">
										<strong>CSS</strong>
										<span>70%</span>
										<div class="progress">
											<div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
												<span class="sr-only">70% Complete</span>
											</div>
										</div>
									</div>
									<div class="skill">
										<strong>JavaScript</strong>
										<span>86%</span>
										<div class="progress">
											<div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%;">
												<span class="sr-only">86% Complete</span>
											</div>
										</div>
									</div>
								</div>
								<div class="st-member-social">
									<ul>
										<li><a href="#" class="facebook" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#" class="twitter" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#" class="dribbble" data-toggle="tooltip" data-placement="top" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					
					
				</div>

			</div>
		</div>
	</div>
</section>

<section class="funfacts" data-stellar-background-ratio="0.4">
	<div class="container">
		<div class="row">
			<div class="col-md-3">
				<div class="funfact">
					<div class="st-funfact-icon"><i class="fa fa-briefcase"></i></div>
					<div class="st-funfact-counter" ><span class="st-ff-count" data-from="0" data-to="25964" data-runit="1">0</span>+</div>
					<strong class="funfact-title">Projects</strong>
				</div><!-- .funfact -->
			</div>
			<div class="col-md-3">
				<div class="funfact">
					<div class="st-funfact-icon"><i class="fa fa-clock-o"></i></div>
					<div class="st-funfact-counter" ><span class="st-ff-count" data-from="0" data-to="35469" data-runit="1">0</span>+</div>
					<strong class="funfact-title">Hours Work</strong>
				</div><!-- .funfact -->
			</div>
			<div class="col-md-3">
				<div class="funfact">
					<div class="st-funfact-icon"><i class="fa fa-send"></i></div>
					<div class="st-funfact-counter" ><span class="st-ff-count" data-from="0" data-to="86214" data-runit="1">0</span>+</div>
					<strong class="funfact-title">E-mail</strong>
				</div><!-- .funfact -->
			</div>
			<div class="col-md-3">
				<div class="funfact">
					<div class="st-funfact-icon"><i class="fa fa-magic"></i></div>
					<div class="st-funfact-counter" ><span class="st-ff-count" data-from="0" data-to="3647" data-runit="1">0</span>+</div>
					<strong class="funfact-title">Completed</strong>
				</div><!-- .funfact -->
			</div>
		</div>
	</div>
</section>

<section class="service" id="service">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="section-title st-center">
					<h3>What we do</h3>
					<p>Avocent deditum long</p>
				</div>
				<div class="row">
					<div class="col-md-3">
						<div class="st-feature">
							<div class="st-feature-icon"><i class="fa fa-cog"></i></div>
							<strong class="st-feature-title">Option Panel</strong>
							<p>Pro adiuvet, honesto foris liberiusque statuat theseo scribimus mererer percurri geometria.</p>
						</div>
					</div>
					<div class="col-md-3">
						<div class="st-feature">
							<div class="st-feature-icon"><i class="fa fa-university"></i></div>
							<strong class="st-feature-title">Option Panel</strong>
							<p>Pro adiuvet, honesto foris liberiusque statuat theseo scribimus mererer percurri geometria.</p>
						</div>
					</div>
					<div class="col-md-3">
						<div class="st-feature">
							<div class="st-feature-icon"><i class="fa fa-comments-o"></i></div>
							<strong class="st-feature-title">Option Panel</strong>
							<p>Pro adiuvet, honesto foris liberiusque statuat theseo scribimus mererer percurri geometria.</p>
						</div>
					</div>
					<div class="col-md-3">
						<div class="st-feature">
							<div class="st-feature-icon"><i class="fa fa-life-ring"></i></div>
							<strong class="st-feature-title">Option Panel</strong>
							<p>Pro adiuvet, honesto foris liberiusque statuat theseo scribimus mererer percurri geometria.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="features-desc">
	<div class="container">
		<div class="row">
			<div class="col-md-5">
				<img src="<?=base_url()?>/photos/feature.png" alt="" class="img-responsive">
			</div>
			<div class="col-md-7">
				<h3 class="bottom-line">SOME OF OUR IMPORTANT FEATURES</h3>
				<p>Graeci decore metrodorus conturbamur nostri alii veniamus temperantia audivi, discidia optari pariter formidines nimis dissidens quosvis epicureis, iustitia inbecilloque cognoscerem remotis solet duce pondere, stoicos amaret, faciam sic reperiuntur, timeam dedocere spatio censet cernantur dicas miseram alienum. Attico fonte errem neque, causam nimium reliqui fana, duo sane consequi quos cogitarent dicant profecto.</p>
				<a href="#" class="btn btn-main btn-lg">Read more</a>
			</div>
		</div>
	</div>
</section>

<section class="call-2-acction" data-stellar-background-ratio="0.4">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="c2a">
					<h2>Omnibus reliquar rebus</h2>
					<p>Copyright &copy; 2018.Company name All rights reserved.</p>
					<a href="#" class="btn btn-main btn-lg">Purchase Now</a>
				</div>
			</div>
		</div>
	</div>
	
</section>

<!-- <section class="blog" id="blog">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="section-title st-center">
					<h3>Recent News</h3>
					<p>Some Recent News from Blog</p>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-8">
				<div class="blog-post">
					<div class="post-meta">
						<span class="author"><a href="#"><img src="../photos/author.jpg" alt=""> Raju Ahmmed</a></span>,
						<span>Posted in <a href="#">WordPress</a></span>,
						<span>At <strong>10 January, 2015</strong></span>
					</div>
					<h2 class="post-title"><a href="#">A example blog post with image</a></h2>
					<div class="post-thumb"><a href="#"><img src="../photos/post-thumb.jpg" alt="" class="img-responsive"></a></div>
					<div class="post-content">
						<p>Torquatos nihil utuntur liberamur benivole epularum evertunt accommodare, democrito didicerimus occulta egregios, praeclaram familiaritatem novi accusamus delectus opinemur mutae expetenda perpauca eas, concederetur fecerit ignorare delectari industria patientiamque. Invenire probes contereret maior opinor iucundo inciderint depravate, concupiscunt, deorum didicerimus, solitudo ingeniis confectum attento illustribus. Quanta suam, quieti usu necessarius. Sapienter existimo fruenda contentiones deduceret dolere minuti animi scientia, inbecilloque servire evertunt. Exeduntur vivi laudatum dicitur omnia verterem fuerit inanitate efficiatur <a href="#" class="more-link">Continue reading <span class="meta-nav">&rarr;</span></a></p>
					</div>
				</div>
				<div class="blog-post">
					<div class="post-meta">
						<span class="author"><a href="#"><img src="../photos/author.jpg" alt=""> Raju Ahmmed</a></span>,
						<span>Posted in <a href="#">WordPress</a></span>,
						<span>At <strong>10 January, 2015</strong></span>
					</div>
					<h2 class="post-title"><a href="#">A example blog post with image</a></h2>
					<div class="post-thumb"><a href="#"><img src="../photos/post-thumb.jpg" alt="" class="img-responsive"></a></div>
					<div class="post-content">
						<p>Torquatos nihil utuntur liberamur benivole epularum evertunt accommodare, democrito didicerimus occulta egregios, praeclaram familiaritatem novi accusamus delectus opinemur mutae expetenda perpauca eas, concederetur fecerit ignorare delectari industria patientiamque. Invenire probes contereret maior opinor iucundo inciderint depravate, concupiscunt, deorum didicerimus, solitudo ingeniis confectum attento illustribus. Quanta suam, quieti usu necessarius. Sapienter existimo fruenda contentiones deduceret dolere minuti animi scientia, inbecilloque servire evertunt. Exeduntur vivi laudatum dicitur omnia verterem fuerit inanitate efficiatur <a href="#" class="more-link">Continue reading <span class="meta-nav">&rarr;</span></a></p>
					</div>
				</div>
				<div class="blog-post">
					<div class="post-meta">
						<span class="author"><a href="#"><img src="../photos/author.jpg" alt=""> Raju Ahmmed</a></span>,
						<span>Posted in <a href="#">WordPress</a></span>,
						<span>At <strong>10 January, 2015</strong></span>
					</div>
					<h2 class="post-title"><a href="#">A example blog post without image</a></h2>
					<div class="post-content">
						<p>Torquatos nihil utuntur liberamur benivole epularum evertunt accommodare, democrito didicerimus occulta egregios, praeclaram familiaritatem novi accusamus delectus opinemur mutae expetenda perpauca eas, concederetur fecerit ignorare delectari industria patientiamque. Invenire probes contereret maior opinor iucundo inciderint depravate, concupiscunt, deorum didicerimus, solitudo ingeniis confectum attento illustribus. Quanta suam, quieti usu necessarius. Sapienter existimo fruenda contentiones deduceret dolere minuti animi scientia, inbecilloque servire evertunt. Exeduntur vivi laudatum dicitur omnia verterem fuerit inanitate efficiatur <a href="#" class="more-link">Continue reading <span class="meta-nav">&rarr;</span></a></p>

					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="widgets">
					<div class="widget">
						<form action="" class="">
							<div class="input-group">
								<input type="text" class="form-control" placeholder="Search...">
								<span class="input-group-btn">
									<button class="btn btn-default btn-lg" type="submit"><i class="fa fa-search"></i></button>
								</span>
							</div>
						</form>
					</div>
					<div class="widget">
						<h2 class="widget-title">Categories</h2>
						<ul>
							<li><a href="#">Video <span class="badge pull-right">5</span></a></li>
							<li><a href="#">Flyer <span class="badge pull-right">7</span></a></li>
							<li><a href="#">PSD <span class="badge pull-right">2</span></a></li>
							<li><a href="#">Theme <span class="badge pull-right">6</span></a></li>
							<li><a href="#">Music <span class="badge pull-right">8</span></a></li>
							<li><a href="#">Bootstrap <span class="badge pull-right">2</span></a></li>
							<li><a href="#">WordPress <span class="badge pull-right">9</span></a></li>
							<li><a href="#">Framework <span class="badge pull-right">7</span></a></li>
						</ul>
					</div>
					<div class="widget">
						<h2 class="widget-title">Recent Post</h2>
						<ul>
							<li>
								<div class="recent-post clearfix">
									<a href="#" class="post-thumb"><img src="../photos/post-thumb-sm.jpg"></a>
									<h2 class="post-title">
										<a href="#">A example blog post with image</a>
									</h2>
									<div class="post-meta">
										<span>Posted in <a href="#">WordPress</a></span>
									</div>
									
								</div>
							</li>
							<li>
								<div class="recent-post clearfix">
									<a href="#" class="post-thumb"><img src="../photos/post-thumb-sm.jpg"></a>
									<h2 class="post-title">
										<a href="#">A example blog post with image</a>
									</h2>
									<div class="post-meta">
										<span>Posted in <a href="#">WordPress</a></span>
									</div>
									
								</div>
							</li>
							<li>
								<div class="recent-post clearfix">
									<a href="#" class="post-thumb"><img src="../photos/post-thumb-sm.jpg"></a>
									<h2 class="post-title">
										<a href="#">A example blog post with image</a>
									</h2>
									<div class="post-meta">
										<span>Posted in <a href="#">WordPress</a></span>
									</div>
									
								</div>
							</li>
							<li>
								<div class="recent-post clearfix">
									<a href="#" class="post-thumb"><img src="../photos/post-thumb-sm.jpg"></a>
									<h2 class="post-title">
										<a href="#">A example blog post with image</a>
									</h2>
									<div class="post-meta">
										<span>Posted in <a href="#">WordPress</a></span>
									</div>
									
								</div>
							</li>
						</ul>
					</div>
					<div id="tag_cloud-3" class="widget widget_tag_cloud">
						<h2 class="widget-title">Tags</h2>
						<div class="tagcloud">
							<a href="#">bootstrap3</a>
							<a href="#">css</a>
							<a href="#">html</a>
							<a href="#">js</a>
							<a href="#">php</a>
							<a href="#">wordpress</a>
							<a href="#">jquery</a>
							<a href="#">less</a>
							<a href="#">editor</a>
							<a href="#">responsive</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
 -->
<section class="subscribe">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				Copyright &copy; 2018.Company name All rights reserved.
			</div>
		</div>
	</div>
</section>


<div class="form-group" style="width:10px">
    <script type="text/ng-template" id="UserLogin.html">
<div class="u-diaolog-login-content">
  	<form action="#" name="" class="J-login" method="post">
    	<input type="hidden" value="" id="refer">
    	<div class="u-reg mb13"><a class="f12" href="/Home-User-reg.html" target="_blank">免费注册</a></div>
    	<div class="u-message-error mb10 pl30 f12 u-msg-wrap" id="u-mb-msg" ><i></i>
    		<span class="J-errorMsg">公共场所不建议自动登录，以防帐号丢失</span>
    	</div>
    	<div class="u-input mb20">
      		<label for="loginname" class="u-label u-name"></label>
      		<input id="username" type="text" class="u-txt J-txt"   value="" name="username" tabindex="1" placeholder="邮箱/用户名/手机号">
    	</div>
	    <div class="u-input mb20">
	      <label for="loginpwd" class="u-label u-pwd"></label>
	      <input id="password" type="password" class="u-txt J-txt" name="password" tabindex="2" placeholder="密码">
	    </div>
	    <div class="u-input u-authcode mt10" id="logincaptcha">
	        <div class="u-vcode">
	          <input id="verify_code" type="text" tabindex="3" class="u-txt u-txt02 J-txt" name="verify_code" placeholder="验证码">
	        </div>
	        <div class="u-vcode-img ml5"><img height="40" src="Picture/verify.html" id="verify_code_img" onclick="verify(this);"></div>
	    </div>
	     <div class="u-forget fn-clear">
	        <p class="ltxt">
	            <label><input type="hidden" name="referurl" id="referurl" value="/Home-User-index.html">
	                  <input type="checkbox" class="ainput" name="chkRememberMe" />自动登录</label>
	        </p>
	        <a class="f12" href="/Home-User-forget_pwd.html" target="_blank">忘记密码了？</a>
	     </div>
    	<div class="u-btn mt20">
  			<input id="J_sbmbtn" type="button" tabindex="4" onclick="checkSubmit()" value="登  录">
		</div>
	</form>
</div>
 </script>
</div>




<!--anjularjs代码-->
<div class="form-group" style="width:10px">
    <script type="text/ng-template" id="UserLogin2.html">
        <div class="modal-header" style="text-align:center">
            <h4 class="modal-title">用户登录</h4>
        </div>
        <div class="modal-body" style="text-align:center">
            <div class="form-horizontal" style="background-color:#f1f1f1;border:white;margin-top:10px">
                <div class="form-group" style="margin-top:10px">
                    <label for="name" class="col-sm-4 control-label"><font color='red'>*</font>用户名</label>
                    <div class="col-sm-6 control-label">
                        <div class="input-group">
                            <input type="text" class="" style="height:30px" id="name" placeholder="用户名" ng-model="data.u_name">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="name" class="col-sm-4 control-label"><font color='red'>*</font>密码</label>
                    <div class="col-sm-6 control-label">
                        <div class="input-group">
                            <input type="text" class="" style="height:30px" id="password" placeholder="密码" ng-model="data.u_password">
                        </div>
                    </div>
                </div>              
                <div class="form-group" style="margin-bottom:10px">
                    <label for="name" class="col-sm-4 control-label"><font color='red'>*</font>验证码</label>
                    <div class="col-sm-3 control-label">
                        <div class="input-group">
                            <input type="text" class="" style="height:30px" id="" placeholder="验证码" ng-model="data.captcha">
                        </div>
                    </div>
                    <div class="col-sm-2 control-label">
                        <div class="input-group">
                            <img src="<?=base_url()?>index.php/captcha/index" style="width:100px;height:30px" onclick="this.src='<?=base_url()?>index.php/captcha/index?'+new Date().getTime();"/> 
                        </div>
                    </div>
                </div>   
            </div>
        </div>
        <div class="modal-footer" style="text-align:center">
            <button class="btn btn-primary" ng-click="ok()">登录</button>
            <button class="btn btn-cancel" ng-click="cancel()">注册</button>
        </div>
    </script>
</div>



<script type="text/javascript">
var myModule = angular.module('myModule', ['ui.bootstrap']);

myModule.controller('MainController', function ($scope, $http, $modal){
    
    $scope.input = {};
    $scope.data = {};

    $scope.get_login = function(){
    	var modalInstance = $modal.open({
            templateUrl: 'UserLogin.html',
            controller: 'UserLoginCtrl',
            size:'sm',
            resolve: {
               //传入参数，必须用items名称的函数
                items: function(){
                    return {
                        user_id:6
                    }
                }
            }
        });
        //窗口返回
        modalInstance.result.then(function(result) {
            if(result=='succ'){
                //$scope.get_data();
            }
            
        }, function(){
        });
    }

    $scope.ok = function(){
    	console.log("111");
    	$http.post('verifyLogin', {
            params:{
                username: $scope.input.u_name,
                password: $scope.input.u_password,
                captcha:$scope.input.catpcha
            }
        }).then(function(response){
            console.log(666666);
        });
    }
    
    $scope.get_data = function(){  
        $http.get('list_system', {
            params:{
                name: $scope.input.name,
                page: $scope.data.page
            }
        }).then(function(response){
            $scope.data.total = response.data.result.total;
            $scope.data.users = response.data.result.rows;
        });
    }
    
  
    $scope.open_detail = function (id) {
        var modalInstance = $modal.open({
            templateUrl: 'UserDetailModal.html',
            controller: 'UserDetailCtrl',
            resolve: {
               //传入参数，必须用items名称的函数
                items: function(){
                    return {
                        user_id:id
                    }
                }
            }
        });

        //窗口返回
        modalInstance.result.then(function(result) {
            if(result=='succ'){
                $scope.get_data();
            }
            
        }, function () {
        });
    }
    
    $scope.open_auth = function(user_id){
        var modalInstance = $modal.open({
            templateUrl: 'UserAuthModal.html',
            controller: 'UserAuthCtrl',
            resolve: {
                //传入参数，必须用items名称的函数
                items: function(){
                    return {
                        user_id:user_id
                    }
                }
            }
        });

        //窗口返回
        modalInstance.result.then(function(result) {
            if(result=='succ'){
                $scope.get_data();
            }
            
        }, function () {
        });
    }

    $scope.del_user = function(id){
        bootbox.confirm('确定要删除吗？', function(result){
            if(result){
                $http.get('del_user', {
                    params: {
                        user_id: id
                    }
                }).then(function(response){
                    $scope.get_data();
                });
            }
        })
        
    }
    
    $scope.get_data();
   
});

myModule.controller('UserLoginCtrl', function ($scope, $http, $modalInstance, items) {
    $scope.input = {}
    $scope.data = {}
    
    $scope.input.user_id = items['user_id'];
    
    //打开时获取数据
    $scope.open = function(){
        if($scope.input.user_id){
            $http.get('get_system_user', {
                params: {
                    user_id: $scope.input.user_id
                }
            }).then(function(response){
                if(response.data.code!=0){
                    alert(response.data.desc);
                    return;
                }
                $scope.data.row = response.data.result.row;
            });
        }else{
            $scope.data.row = {}
            $scope.data.row['id'] = 0;
            $scope.data.row['role'] = 0;
            $scope.data.row['status'] = 0;
            $scope.data.row['email'] = '';
            $scope.data.row['status'] = '1';
        }
    }
    
    $scope.get_erpuser = function(){
        $http.get('get_erpuser', {
            params:{
                email: $scope.data.row.email
            }
        }).then(function(response){
            if(response.data.code==0){
                var row = response.data.result.row;
                $scope.data.row.salarysn = row['salarysn'];
                $scope.data.row.name = row['name'];
                $scope.data.row.email = row['email'];
            }else{
                $scope.data.row.salarysn = '';
                $scope.data.row.name = '';
            }
        });
    }
    
    //点击确认按钮
    $scope.ok = function(){
    	$http.get('verifyLogin', {
    		params:{
                username: $scope.data.u_name,
                password: $scope.data.u_password,
                captcha:  $scope.data.captcha
        	}
        }).then(function(response){
            if(response.data.code == 0){
            	location.href= "index";
            } else {
            	alert(response.data.desc);
            }
        });
    }

    //取消时
    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };
    
    //打开
    $scope.open();
});

myModule.controller('UserAuthCtrl', function ($scope, $http, $modalInstance, items) {
    $scope.input = {}
    $scope.data = {}
    
    $scope.input.user_id = items['user_id'];
    
    $scope.get_tree = function(node){
        var id = node['id'];
        var name = node['name'];
        var checked = node['data']['flag']==1;
        
        var node2 = {id:id, name:name, checked:checked, children:[]};
        
        for(var i in node['children']){
            var child = node['children'][i];
            node2['children'].push($scope.get_tree(child));
        }
        
        return node2;
    }
    
    //打开时获取数据
    $scope.open = function(){
        if($scope.input.user_id){
            $http.get('list_auth', {
                params: {
                    user_id: $scope.input.user_id
                }
            }).then(function(response){
                if(response.data.code!=0){
                    alert(response.data.desc);
                    return;
                }
                var rows = response.data.result.rows;
                var data = [];
                
                //{"2":{"id":"2","name":"\u5fae\u535a\u76d1\u63a7","pid":"1","data":{"flag":"0"},"children":[]}}
                //[{"id", "name", "checked", "open", "url", "target", "children":[]}]
                //var tree1 = [];
                //var children = tree['children'];
                //for(var i in children){
                //    var child = children[i];
                //    tree1.push($scope.get_tree(child));
                //}
                
                for(var i in rows){
                    var row = rows[i];
                    var row = {id:row['id'], pid:row['pid'], name:row['name'], checked:(row['flag']==1)};
                    data.push(row);
                }
                
                //树
                var zTreeObj;
                // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
                var setting = {
                    check:{
                        enable:true
                    },
                    data: {
                        simpleData: {
                            enable:true,
                            idKey: "id",
                            pIdKey: "pid",
                            rootPId: "0"
                        }
                    }
                };
                // zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
                var zNodes = data;
                zTreeObj = $.fn.zTree.init($("#tree"), setting, zNodes);
                zTreeObj.expandAll(true);
            });
        }
    }
    
    //确定时保存数据
    $scope.ok = function(){
        var treeObj = $.fn.zTree.getZTreeObj('tree');
        var nodes = treeObj.getCheckedNodes(true);
        var menu_ids = [];
        for(var i in nodes){
            var node = nodes[i];
            menu_ids.push(node['id']);
        }
        
        $http.get('save_auth', {
            params: {
                user_id: $scope.input.user_id,
                menu_ids: menu_ids.join(',')
            }
        }).then(function(response){
            if(response.data.code!=0){
                alert(response.data.desc);
                return;
            }else{
                $modalInstance.close('succ');
            }
        });
    }
    
    //取消时
    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };
    
    //打开
    $scope.open();
});

</script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="<?=base_url()?>/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="<?=base_url()?>/js/bootstrap.min.js"></script>
<script src="<?=base_url()?>/js/jquery.easing.min.js"></script>
<script src="<?=base_url()?>/js/jquery.stellar.js"></script>
<script src="<?=base_url()?>/js/jquery.appear.js"></script>
<script src="<?=base_url()?>/js/jquery.nicescroll.min.js"></script>
<script src="<?=base_url()?>/js/jquery.countTo.js"></script>
<script src="<?=base_url()?>/js/jquery.shuffle.modernizr.js"></script>
<script src="<?=base_url()?>/js/jquery.shuffle.js"></script>
<script src="<?=base_url()?>/js/owl.carousel.js"></script>
<script src="<?=base_url()?>/js/jquery.ajaxchimp.min.js"></script>
<script src="<?=base_url()?>/js/script.js"></script>
</body>
</html>